<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易有道精品课</title>
    <link rel="stylesheet" href="css\yd.css">
    <link rel="icon" href="imag\icon.png">
</head>
<body>
    <div class="y1">
        <img class="ydloge" src="imag\有道logo.png" hspace="100px" alt="">
        <div class="topleft">
            <span>|</span>
            <a href="#">首页</a>
            <a href="./../词典/cidian.html">词典</a>
            <a href="#">app下载</a>
            <a href="#">同道计划</a>
            <a href="#">教师资格证公示</a>
        </div>
        <div class="ssk">
            <img class="sousuo" src="imag\搜索框图片.png" alt="">
            <input class="ssktext" type ="text" placeholder="请输入课程或者老师名字">
            <input class = "sskbt"type="submit" value="搜索">
        </div>

    </div>
    <div class="y2">
        <ul class="dierbufen">
            <li><a href="#">小学</a></li>
            <li><a href="#">初中</a></li>
            <li><a href="#">高中</a></li>
            <li><a href="#">兴趣培养</a></li>
            <li><a href="#">四六级</a></li>
            <li><a href="#">考研</a></li>
            <li><a href="#">实用英语</a></li>
            <li><a href="#">兴趣技能</a></li>
            <li><a href="#">小语种</a></li>
            <li><a href="#">专四专八</a></li>
            <li><a href="#">公务员</a></li>
            <li><a href="#">职业考证</a></li>
            <li><a href="#">雅思考试</a></li>
        </ul>

    </div>
    <div class="y3">
        <img class="tupian" src="imag\image.gif" alt="">
    </div>
    <div class="y4">
        <a href="#">热门课程</a>
    </div>
    <div class="y5">
        <div class="y51big">
            <div>
                <span class="y511">升学</span>
                <h1 class="y52">【高中】家长专属：快速咨询通道</h1>
            </div>
            <div class="y53">
                 <a href="">时间：随到随学<span>|</span>  1课时</a>
            </div>
            <div>
                <img class="people1" src="imag\人物1.jpg" alt="">
            </div>
            <div class="y53s">
                <a href="">有道升学规划师</a>
            </div>
            <div class="y54">
                <span>免费</span>
            </div>
        </div>
        <div class="y51big2">
            <div>
                <span class="y511">升学</span>
                <h1 class="y52">【高中】学业规划：定制学习方案</h1>
            </div>
            <div class="y53">
                 <a href="">时间：随到随学<span>|</span>  1课时</a>
            </div>
            <div>
                <img class="people1" src="imag\人物1.jpg" alt="">
            
            </div>
            <div class="y53s">
                <a href="">有道升学规划师</a>
            </div>
            <div class="y54">
                <span>免费</span>
            </div>
        </div>
        <div class="y51big3">
            <div>
                <span class="y511">素养</span>
                <h1 class="y52">精选文学作品赏析</h1>
            </div>
            <div class="y53">
                 <a href="">时间：2023-06-22 19：30：00<span>|</span>  6课时</a>
            </div>
            <div>
                <img class="people1" src="imag\人物2.jpg" alt="">
                
            </div>
            <div class="y53s">
                <a href="">包军威</a>
            </div>
            <div class="y54">
                <span>免费</span>
            </div>
        </div>
        <div class="y51big4">
            <div>
                <span class="y511">素养</span>
                <h1 class="y52">古典诗词里的“法式情人”</h1>
            </div>
            <div class="y53">
                 <a href="">时间：2023-06-21 19：30：00<span>|</span>  8课时</a>
            </div>
            <div>
                <img class="people1" src="imag\人物2.jpg" alt="">
            </div>
            <div class="y53s">
                <a href="">包军威</a>
            </div>
            <div class="y54">
                <span>免费</span>
            </div>
        </div>
        
    </div>
    <div class="y6">
        <a href="#">发现好课</a>
    </div>
    <div class="y7">
        <div>
            <img class="i1" src="imag\好课人物1.png" alt="">
        </div>
        <div>
            <img class="i2" src="imag\好课人物2.jpg" alt="">
        </div>
        <div>
            <img class="i3" src="imag\好课人物3.jpg" alt="">
        </div>
    </div>
</body>
</html>